// @flow

import React from "react";

const Wyre = ({ size }: { size: number }) => (
  <svg viewBox="0 0 32 32" height={size} width={size}>
    <g clipPath="url(#clip0)">
      <path
        d="M20.1392 16H29.9881L24.6771 29.0086C23.9376 30.8237 22.1897 32.0002 20.24 32.0002H10.3911L15.7021 18.9916C16.4416 17.1429 18.1896 16 20.1392 16Z"
        fill="#94C5FF"
      />
      <path
        d="M29.9857 16L24.0024 23.5968C23.0948 24.8069 21.7166 25.58 20.1032 25.58H12.9434L15.6661 18.958C16.4056 17.1765 18.1535 16 20.1032 16H29.9857V16Z"
        fill="#1A32AF"
      />
      <path
        d="M16.8438 8H26.6927L21.3817 21.0087C20.6422 22.8238 18.8942 24.0003 16.9446 24.0003H7.0957L12.4067 10.9917C13.1462 9.17649 14.9278 8 16.8438 8"
        fill="#0092FF"
      />
      <path
        d="M26.724 8L20.7407 15.5968C19.8331 16.8069 18.4549 17.58 16.8414 17.58H9.68164L12.4044 10.958C13.1439 9.1765 14.8918 8 16.8414 8H26.724V8Z"
        fill="#1A32AF"
      />
      <path
        d="M13.5816 0H23.4305L18.1195 13.0086C17.38 14.8238 15.6321 16.0003 13.6824 16.0003H3.8335L9.14453 2.99165C9.88404 1.17649 11.632 0 13.5816 0"
        fill="#0055FF"
      />
    </g>
    <defs>
      <clipPath id="clip0">
        <rect x="0.833496" width="32" height="32" rx="8" fill="white" />
      </clipPath>
    </defs>
  </svg>
);

export default Wyre;
